<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="icon" href="#(ctx)/assets/images/favicon.ico"/>
    <title>#(scene?scene.name:'城市')编辑</title>
    <link rel="stylesheet" href="#(ctx)/assets/plugins/Cesium/Widgets/widgets.css"/>
    <link rel="stylesheet" href="#(ctx)/assets/libs/layui/css/layui.css"/>
    <link rel="stylesheet" href="#(ctx)/assets/font-awesome-4.3.0/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="#(ctx)/assets/module/admin.css?v=315" />
   	<link rel="stylesheet" href="#(ctx)/assets/plugins/zTree_v3/css/metroStyle/metroStyle.css" />
    <link rel="stylesheet" href="#(ctx)/assets/css/scene.css"/>
</head>
<body class="layui-layout-body">
	<div class="layui-layout ">
	     <div class="layui-side">
	         <div class="layui-side-scroll">
	         	<div style="height: 25px;border-bottom: 1px solid rgba(0,0,0,1);line-height: 25px;padding: 5px;">
	         		<table style="width: 100%;">
	         			<tr>
	         				<td style="width: 100px;" id="sceneBuiderNameTd"> 
	         					#(scene?scene.name:"")
	         				</td>
	         				<td style="text-align: right;">
	      				     	 <a id="sceneClassify" title="添加目录" style="color:hsla(0,0%,100%,.8); cursor: pointer;text-decoration: none;">
	         					 	<i class="layui-icon layui-icon-addition"></i>
	         					 </a> 	         				
	      				     	 <a id="sceneLocation" title="城市定位" style="color:hsla(0,0%,100%,.8); cursor: pointer;text-decoration: none;">
	         					 	<i class="layui-icon layui-icon-radio"></i>
	         					 </a>          				
	      				     	 <a id="sceneSetting" title="城市设置" style="color:hsla(0,0%,100%,.8); cursor: pointer;text-decoration: none;">
	         					 	<i class="layui-icon layui-icon-more-vertical"></i>
	         					 </a>   				
	         				</td>
	         			</tr>
	         		</table>
	         	</div>
	         	<ul id="sceneLayer-#(scene?scene.id:'')" class="ztree" style="max-height: calc(100vh - 160px);overflow-y: auto;"></ul>
	         </div>
	     </div>	
	     <div class="layui-body"><div id="cesiumContainer" style="height: 100%;"></div>
	</div>
</div>

<script type="text/html" id="modelBizLayer"> 
<form id="modelBizLayerForm" lay-filter="modelBizLayerForm" class="layui-form model-form" style="padding: 1px;">
	<input name="id" type="hidden" />
	<input name="parentId" type="hidden" />
	<input name="sceneId" type="hidden" value="#(sceneId)" />
	<table class="formTable" id="modelBizLayerFormTable">
		<tr>
			<td>名称</td>
			<td colspan="3">
				<input name="name" placeholder="" autocomplete="off" type="text" class="layui-input" maxlength="50" lay-verType="tips"
				 lay-verify="required" required />
			</td>
		</tr>
		<tr>
			<td>业务编码</td>
			<td colspan="3">
				<input name="code" placeholder="" autocomplete="off" type="text" class="layui-input" />
			</td>
		</tr>
		<tr>
			<td>图标</td>
			<td colspan="3">
				<input name="icon" placeholder="" autocomplete="off" type="text" class="layui-input" />
			</td>
		</tr>
		<tr>
			<td>类型</td>
			<td colspan="3">
				<select id="lsyerTypeSelectId" name="type" lay-filter="type" lay-verify="required" required>
					<option value="">--请选择--</option>
					<option value="Maps">底图目录</option>
					<option value="Points">点目录</option>
					<option value="Polylines">线目录</option>
					<option value="Polygons">面目录</option>
					<option value="Models">模型目录</option>
					<option value="Features">单体目录</option>
					<option value="VideoShed3ds">视频投影</option>
					<option value="VideoModels">视频模型</option>
					<option value="VideoPlanes">视频墙</option>
					<option value="Roams">漫游目录</option>
				</select>
			</td>
		</tr>
		<tr>
			<td>序号:</td>
			<td colspan="3">
				<input name="sort" autocomplete="off" placeholder="请输入序号" type="number" class="layui-input" maxlength="20"
				 lay-verType="tips" lay-verify="required" required />
			</td>
		</tr>
		<tr>
			<td style="text-align: right;" colspan="4">
						<button class="layui-btn layui-btn-orange" lay-filter="submitBizLayerForm" lay-submit>保存</button>
			</td>
		</tr>
	</table>
</form>
</script>


<!-- js部分 -->
<script type="text/javascript" src="#(ctx)/assets/plugins/zTree_v3/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/zTree_v3/js/jquery.ztree.core.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/zTree_v3/js/jquery.ztree.excheck.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/zTree_v3/js/jquery.ztree.exedit.js"></script>
<script type="text/javascript" src="#(ctx)/assets/libs/layui/layui.js"></script>
<script type="text/javascript"  src="#(ctx)/assets/js/ajax.js"></script>
<script type="text/javascript"  src="#(ctx)/assets/plugins/Cesium/Cesium.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/turf/turf.min.js"></script>

<!--底层扩展脚本 -->
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/VFG.min.js"></script>

<!--基于后台 二次开发接口 -->
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Api/VFGMap.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Api/VFGMapLayer.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Api/VFGMapProvider.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Api/VFGMapPoint.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Api/VFGMapPolyline.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Api/VFGMapModel.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Api/VFGMapPolygon.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Api/VFGMapEvent.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Api/VFGMapUtil.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Api/VFGMapLayer.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Api/VFGMapMessage.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Api/VFGMapListener.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Api/VFGMapVPlane.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Api/VFGMapVShed3d.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Api/VFGMapVModel.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Api/VFGMapCluster.js"></script>

<script type="text/javascript" src="#(ctx)/assets/js/scene/SceneEditor.js"></script>
<script type="text/javascript" src="#(ctx)/assets/js/scene/SceneLayer.js"></script>


<script type="text/javascript">
	var layer,element,form,laytpl,sceneEditor;
	layui.use(['layer', 'element','upload','carousel','colorpicker','laytpl','util','form'], function (e) {
		var $ = layui.jquery;
	    layer = layui.layer;
	    element = layui.element;
	    form= layui.form;
	    laytpl=layui.laytpl;
	    sceneEditor=new SceneEditor({
	    	ctx:'#(ctx)',
	    	sceneId:'#(scene?scene.id:"")',
	    	container:'cesiumContainer'
	    });
	    
	});
	
	
	
	
	function selectResource(obj){
		if(cityBuider){
			cityBuider.selectResource($(obj).attr("type"));
		}
		$(obj).parent(".layui-nav-item").removeClass("layui-this");
		return false;
	}
</script>

</body>

</html>